/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

@import "base/environment";

#keys {
  tr:hover {
    td {
      .api_key {
        visibility: visible;
      }
    }
  }
  tr.inactive {
    td {
      background-color: $ic-bg-light-danger;
    }
  }
  td {
    span.name {
      font-weight: bold;
      @include fontSize(14px);
    }
    &.notes {
      width: 15%;
      > div {
        max-height: 100px;
        overflow-x: auto
      }
    }
    .api_key {
      visibility: hidden;
    }
    .icon {
      width: $ic-sp * 3;
      height: $ic-sp * 3;
      border: 1px solid $ic-border-color;
      padding: 2px;
      margin-right: $ic-sp / 2;
      vertical-align: middle;
      float: left;
    }
    .details {
      max-width: 200px;
      overflow: auto;
      > div {
        white-space: nowrap;
      }
    }
  }
}

#loading {
  text-align: center;
  margin-top: 10px;
  .show_all, .loader {
    display: none;
  }
  &.loading {
    .loader {
      display: inline;
    }
    .show_all {
      display: none;
    }
  }
  &.show_more {
    .loader {
      display: none;
    }
    .show_all {
      display: inline;
    }
  }
}

.key_form {
  td {
    white-space: nowrap;
    padding: 3px 2px;
  }
}
